@charset "utf-8";
/*
   
Theme Name:zhibeikecn主题   
Theme URI: test.zhibeike.cn
Description:企业主题
Author: 知倍客
Author URI:test.zhibeike.cn
Version: 1.0
Tags: white, red, 知倍客, blue
*/

  *{ margin: 0; padding:  0;}
 body{font: 16px/1.5 "Microsoft Yahei"; color: #464646;  background: url("images/bg3.jpg") repeat-x scroll 0 0;
}
 h1, h2, h3, h4, h5, h6, button, input, select, textarea {
    font-size: 100%;}
img{ border: 0 none;vertical-align: bottom;    max-width: 100%;}  
table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
}
table th {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #333;
    font-size: 1em;
    font-weight: normal;
    padding: 1em;
    text-align: center;
}
table td {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 0.5em 1em;
}
li{list-style-type:none;}
.clearfix{  clear: both; height: 0; line-height: 0;overflow: hidden;}
a {
    color: #555;
    text-decoration: none;
}
a:hover {
    color: #c07474;
}
#header{ }
.container{margin: 0 auto;width: 960px; }
#logodiv{height:100px; background:url("images/toptu.jpg") no-repeat scroll right 0;}
#logo{float:left;}
#logodiv .tel{float:right;margin-right:100px;font-size:20px;margin-top:20px;}
#logodiv .tel{font-size:18px; font-weight: 800;}
#logodiv .tel .fa{color:#fff;}

#navbar{width:100%; background: #C30; overflow: hidden; }
#navbar ul{border-left: 1px solid #ddd;border-right: 1px solid #ddd;font-size:20px;font-weight:800; height:39px; line-height:39px;}
#navbar ul li{width:20%;text-align:center; float:left;  cursor:pointer; }
#navbar ul li a{color: #fff;  }
#navbar ul li:hover{ background: #fff; }
#navbar ul li:hover a{color: #C30;}

#navbar ul li ul{    height: auto;display:none;position: absolute;z-index: 999;width: 190px;background-color: rgba(230,230,230,0.9);font-size: 18px;}
#navbar ul li:hover ul{ display: block;}
#navbar ul li ul li{position:relative;width:100%;}

#navbar ul li ul li a{display: block;text-align: center;  
color: #444;
line-height: 42px;
height: 42px; }
#navbar ul li ul li a:hover{text-decoration: none;color: #fff;background-color:  #C30;}
#navbar ul li:hover ul li ul{display: none;}
#navbar ul ul li:hover ul{display: block;}


/* 中国梦*/   
.ad{margin-top:20px;}  
/* 推荐项目*/
.tit {text-align: center;width:250px;height:110px;background:url("images/tit.png") center no-repeat;margin:0 auto;}
.tit h2{font:24px/40px "Microsoft YaHei";color:#212121;display:block;}
.tit span{display:block;font:16px/35px  "Microsoft YaHei";color:#ccc;text-transform:uppercase;}
.tit1 h2,.tit1 span{color:#eeeeee;}

.channel{ float: left;margin-top:20px;width: 960px; background-color: #f2f2f2;border-top: 1px solid #dadadb;}
.channel li {margin-top:10px; float: left;list-style: outside none none;margin: 0 1.3%;padding: 20px 0 0;text-align: center; width: 22%; height:100px;transition: all  .25s  ease-in;}
.channel li h3 {display: block;}  

.channel li:hover { transform:translateY(-8px);}  
 .channel li .xm {border:  1px solid red;box-shadow:#dadada 1px 1px 2px 2px;text-align:center;height:64px;width:64px;line-height:64px;border-radius:10px;color:red;font-size:20px;margin: 0 auto;}

 .biaoti{}
 .sytitle{  height: 50px;
  line-height: 45px;
  margin: 20 0 0 -40px;
  font-size: 18px;
  color: #fff;
  font-family: "微软雅黑","Microsoft Yahei";
  padding-left: 60px;
  background:url("images/bg-tel.png") no-repeat left top;float:left;width:80%;
}
.symore{float:right;  color: rgba(187, 187, 187, 1); height: 50px; font-size: 18px; margin:20 20 0 0px;
  line-height: 45px;
}

  
/*新闻案例 */          
.box2{ background:#fff;width:310px;border: 1px solid #dadada;overflow: hidden;margin-bottom: 20px;float:left;margin-top:20px;}
.box2 ul{margin:0px 10px;}  
.box2 li{  list-style-type:none;}
.left,.middle{margin-right:12px;}
.picscroll-left{margin:0 auto;}
.left ul li{margin-bottom:10px;height:64px;width:100%;}
.box2 .tupian{float:left;margin-right:10px;}
.left .tupian img,.right .tupian img{width:100px;height:64px;}
.box2 .con{font-size:13px;}  
.left .title,.right .title{font-size:14px; color: #444;}
.right ul li {
  height: 22px;
  
}
.box2 .myhd,.box2 .sidebar-title{background: url("images/m2.gif") repeat-x; font-size: 18px;font-weight: bold;height: 44px;line-height: 44px;overflow: hidden;padding: 0 0 10px 20px;}  
.box2 .myhd .sytitle2{ color: #C30;float:left;}
.box2 .sidebar-title{color: #C30;}
.right span{float:right;} 
.middle .title img{width:20px;height:20px}            
 .box2 .symore {margin: 0 20px 0 0;float:right;
height: 44px;
font-size: 18px;line-height: 44px;}
 .box2 .symore a{color: rgba(187, 187, 187, 1);}
.banner img{ display: block; height: auto;width: 100%;}
.advantage{background:#3684bd;width:100%;overflow:hidden;}



/*链接 */
  
.yqljss { background:#fff;margin-bottom: 10px;overflow:hidden;width:100%;float:left;border: 1px solid #ccc;}
.yqljss-title  {background:url("images/links.jpg") no-repeat scroll 0 0;color: #fff;font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;padding-left: 15px; }
.yqljss li {float: left;margin:15px;list-style-type:none;}





.mymenu  ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-left: 30px;
    
    display: block;
    line-height: 39px;}

.mymenu ul li #now {
    color: #ff6600;
}



.forth_list ul li{float:left;border-right:1px solid #ccc;width:250px;color:#fff;}
.forth_list ul li img{   margin: 0 10px;}
.forth_list ul li span{font-size:16px;height:40px;line-height:40px;font-weight:bold;}
.forth_list ul li p{margin:0 10px;}
.forth_list ul li .fa{  font-size: 30px;
    height: 40px;
    line-height: 40px;
   
    text-align: center;
    width: 40px;}
.product  {background: #f9f9f9 url("images/pattern.png") repeat;overflow:hidden;width:100%;padding-bottom: 50px;}
.third_list{background:none;}
.third_list ul li{float:left;border-radius:25px;width:322px;margin-right:15px;box-shadow：5px;text-align:center;border-radious:5px;}
.third_list ul li .title{background: #c07474 none repeat scroll 0 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    font-family: "Microsoft YaHei","微软雅黑","Open Sans",Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 22px 0 5px;
    text-align: center;}
.third_list ul li .description {

    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.4;
    padding: 7px;
   display:block;
}
.third_list ul li .number{
background: #494b4c none repeat scroll 0 0;
    color: #fff;
    
   padding:10px 0px;
    font-weight: 800;
    font-size: 18px;
   height:40px;line-height:40px;background:#3684bd;
   }
.third_list ul li .content{
  padding: 20px 10px;
     background: #eeeeee none repeat scroll 0 0;
  
   }   
 .third_list ul li .content a{
 color: #c07474
   }    
.product h3,.abli h3,.case h3{color: #3684bd ;text-align:center;padding:30px 0px;
    font-size: 22px;}
.abli h3 a,.case h3 a{color: #3684bd;}
.abli h3 a:hover{color:#c07474;}  
  .zixun{
    background: #e1ebed none repeat scroll 0 0;
    border-top: 4px solid #dce5e7;
    
    margin-bottom: 0;
    padding: 25px 0px  10px 0px ;
    position: relative;
}
.zixun::after, .zixun::before {
    border: medium solid transparent;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    width: 0;
}
.zixun::after {
    border-color: rgba(235, 236, 238, 0) rgba(235, 236, 238, 0) #e1ebed;
    border-width: 30px;
    margin-left: -30px;
}
.zixun::before {
    border-color: rgba(204, 204, 204, 0) rgba(204, 204, 204, 0) #dce5e7;
    border-width: 36px;
    margin-left: -36px;
}  
.zixun p{width:70%;margin:0 auto;text-align:center; color: #3d3f40;
    font-size: 16px;
    margin-bottom: 30px;  font-weight: 700;}
.zixun span{ background: #c07474 none repeat scroll 0 0;
    border-radius: 4px;
text-align:center;
    font-size: 16px;
    font-weight: 800;
    padding: 8px 18px;}  
.zixun span a{ color: #fff;}  
.news-fra {
    
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 1003px;
}
.inewsleft {
    background: #fff none repeat scroll 0 0;
    border-bottom: 3px solid #3684bd;
    float: left;
    height: 299px;
    width: 325px;
}
.inewcon span{color:#c07474;}
.newsmain {float: right;width: 657px;}
.newsmain ul li {border-bottom: 4px solid #3684bd ; margin: 0 0 15px;width: 100%;overflow: hidden;}
.newsmain .con {padding: 10px 10px 0px 10px;font-size: 14px;height: 77px;background: #f2f2f2 none repeat scroll 0 0;color: #8b8b8b;line-height: 24px;}     
.newsmain .con .title{ color: #242424;font: 16px/1.5 "Microsoft Yahei";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  }
.newsmain .con p{text-indent:2em;}
.newsmain .tupian {
  float: right;
    background: #3684bd  none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    height: 87px;
    text-align: center;
    width: 88px;
}
.newsmain .tupian font {
    color: #fff;
    float: left;
    font: 36px/26px "Arial";
    overflow: hidden;
    padding: 20px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 88px;
}
.newsmain .tupian span {
    color: #fff;
    float: left;
    font: 14px/40px "Arial";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.indexnews {
    height: 500px;
    width: 100%;
}
.indexcafra {
    background: rgba(0, 0, 0, 0) url("../images/inexcsbg.jpg") no-repeat scroll center top;
    height: 348px;
    width: 100%;
}
.newsleft {
    float: left;
    width: 462px;
}
.nameff {
    border-bottom: 1px solid #cbcbcb;
    float: left;
    padding: 29px 0 0;
    width: 462px;
}
.nr {
    width: 458px;
}
.nameff p {
    float: left;
}
.nameff p span {
    color: #3f3f3f;
    display: inline;
    font-family: "Microsoft Yahei";
    font-size: 20px;
    line-height: 1;
    position: relative;
    z-index: 10;
}
.nameff p label {
    color: #a9a9a9;
    display: inline;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    text-transform: uppercase;
    z-index: 0;
}
.nameff a {
    color: #464646;
    float: right;
    font-family: "Microsoft Yahei";
    font-size: 14px;
    padding: 20px 0 0;
}




.case { background: #f2f2f2 repeat;   }
.case .container{overflow:hidden;}
 

.case  .title{font-size:16px;color:#3684bd ;}
 
.case ul li{width:49%;float:left;margin-right:10px;margin-bottom:20px;}
.case ul li .pic {margin-right:10px;float:left;}  
.liucheng{width:100%;overflow:hidden;background: #f9f9f9 url("images/pattern.png") repeat;}  
.liucheng li{  position:relative;width:100px;height:100px;border-radius:50px;border:1px solid #3684bd;float:left;margin :30px;}  
.liucheng li p{   background: #e1ebed none repeat scroll 0 0;
    font-size: 16px;
    left: 50px;
    padding: 10px;
    position: absolute;
    top: 30px;
    width: 80px;
}
.kehu .container{position:relative;}
 .triangle_up{border-bottom: 50px solid #3684bd;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    margin: 40px auto;
    width: 903px;}
  
  
  .kehu{overflow:hidden;background: #f9f9f9 url("images/pattern.png") repeat;}
  .kehu .txt5{margin-left:50px;
    height:300px;}

.kehu .txt4{width:0px;float:left;height:240px;
  border-right: 50px solid #3684bd;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
  
   
    
  
  }
.kehu .txt6{font-size: 22px;
    position: absolute;
    top: 80px;
    width: 40px;font-weight:600;color:#fff;text-align:center;
  
   
    
  
  }
    
  .kehu .mybd2{width:100%; float:left;margin-bottom:20px;margin-top:30px;}
  .kehu .txt1,.kehu .txt2,.kehu .txt3{border-right: 1px  solid #ccc;border-bottom:1px  solid #3684bd;background:#fff;}
.kehu .txt1 ul li .pic img{float:left;}
.kehu .txt1 ul li{ border-bottom: 1px dashed #ccc;
    margin-bottom: 5px;
    overflow: hidden;}  
#footer{overflow:hidden;color:#fff;background: #424242;text-align:center;padding:10px;}
#footer #copyright a{color:#fff;}
#footer .tagcloud a {
    line-height: 120%;
    margin-right: 2px;
}
.footerWrap {
    background: url("images/b_bg.jpg") repeat-x scroll center bottom;
    display: block;
    height: 67px;
    overflow: hidden;
    width: 100%;
}
.footerWrap li {
    border-right: 1px solid #dadadb;
    float: left;
    height: 67px;
    overflow: hidden;
    padding: 8px 0;
    text-align: center;
    width: 25%;
}
.footerWrap li.last {
    border-right: medium none;
    float: left;
    height: 67px;
    text-align: center;
    width: 24%;
}
.footerWrap div {
    color: #ffffff;
    display: block;
    height: 67px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.footerWrap div span.icon {
    display: block;
    height: 30px;
    margin: 4px auto 0;
    position: relative;
    width: 30px;
}
.footerWrap div span.home {
    background:  url("images/d_ico01.png") no-repeat scroll 0 0;
    height: 30px;
    width: 30px;
}
.footerWrap div span.tel {
    background:  url("images/d_ico02.png") no-repeat scroll 0 0;
    height: 30px;
    width: 30px;
}
.footerWrap div span.zx {
    background:  url("images/d_ico03.png") no-repeat scroll 0 0;
    height: 30px;
    width: 30px;
}
.footerWrap div span.message {
    background:  url("images/d_ico04.png") no-repeat scroll 0 0;
    height: 30px;
    width: 30px;
}
.footerWrap div span.text {
    color: #000000;
    display: block;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
}
.bottom_icon {
    bottom: 0;
    display: none;
    height: 67px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 999;
}
.chat2{
    bottom: 80px;
    height: 220px;
    margin: 0 auto;
    position: fixed;
    right: 3px;
    width: 74px;
}
.re_list {
    background: #43b4f9 none repeat scroll 0 0;
    cursor: pointer;
    height: 76px;
    margin-bottom: 5px;
    position: relative;
    width: 74px;
}
.chat2 .re_list1 {
    height: 76px;
    width: 74px;
}
.chat2 .re_list2 {
    display: block;
    height: 76px;
    position: absolute;
    right: -12px;
    top: -11px;
    width: 74px;
}
.chat2 .re_list3 {
    height: 76px;
    width: 74px;
}
.re_list:hover {
    background: #0a92dd none repeat scroll 0 0;
}
.mulu {
    bottom: 80px;
  
   left:10px;
    position: fixed;
}
.mulu li {
       background: #eeeeee repeat scroll 0 0;
    border-radius: 5px;
   
    margin-left:25px;margin-bottom:15px;
    padding: 5px;
    position: relative;
    width: 80px;
  color:#242424;
}

.mulu::before {
    background: #12629c none repeat scroll 0 0;
    bottom: 0;
    width: 3px;
}
.mulu::before, .part::before,.mulu li::before {
    content: "";
    left: 10px;
    position: absolute;
    top: 0;
}

.mulu li::before {
    background: #12629c none repeat scroll 0 0;
    border: 3px solid #ffffff;
    border-radius: 100px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    height: 9px;
    margin: 53px 0 0 -7px;
    width: 9px;
}
.mulu li:hover::before {
    background: orange none repeat scroll 0 0;
}
.mulu li::before {
    background: #ffffff none repeat scroll 0 0;
    border-color: #e5e5e5;
    border-style: solid;
    border-width: 0 0 1px 1px;
    height: 9px;
    left: -12px;
    top: -40px;
    transform: rotate(45deg);
    width: 9px;
}
.inner{background: #f9f9f9 url("images/pattern.png") repeat scroll 0 0;margin-top: 20px;
    overflow: hidden;}
  #sidebar{background:#fff;box-shadow: 0 2px 4px 0 #d9d9d9;margin-top:120px;position:relative;float:left;width:234px;margin-right:15px;border-right:1px solid #3684bd;border-left:1px solid #3684bd;}
  .sidebarinner{padding: 100px 5px 0px;5px;; overflow: hidden;margin:10px ;border-right:1px solid #3684bd;border-left:1px solid #3684bd;hei}
.inner   .content{    width: 685px;
    float: right;
    margin: 20 20 0 0px;}
.inner  .post .title{text-align:center;color:#c07474;font-size:18px;  font-weight: bold;padding-bottom:20px;   border-bottom: 1px dashed #ccc;}

div.chilun{ background: url("images/chilun.png") no-repeat scroll 0 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 30px 14px 40px;}

.linxing{width:200px;height:200px;top:-100px;margin-left:15px;position:absolute;z-index:1;}
.linxing .txt1 {border-bottom: 100px solid transparent; border-right: 100px solid #C30 ;border-top: 100px solid transparent;height: 0;
width: 0;float:left;text-align:right;
}
.linxing .txt2 {
    border-bottom: 100px solid transparent;
    border-left:100px solid #C30 ;
    border-top: 100px solid transparent;
    height: 0;
    width: 0;float:right;text-align:left;
}
.linxing2{width:200px;height:200px;top:-80px;margin-left:15px;position:absolute;}
.linxing2 .txt1 {border-bottom: 100px solid transparent; border-right: 100px solid #e1ebed  ;border-top: 100px solid transparent;height: 0;
width: 0;float:left;text-align:right;
}
.linxing2 .txt2 {
    border-bottom: 100px solid transparent;
    border-left:100px solid #e1ebed  ;
    border-top: 100px solid transparent;
    height: 0;
    width: 0;float:right;text-align:left;
}
#sidebar .txt3{position:absolute;color:#fff;top:-10px;left:80px;font-size:18px;z-index:1;}
  
  
.sidebar-title{background: #C30;}
.sidebar-box h4{color:#fff;font-size:18px;margin-left:10px;height:35px;line-height:35px;}  
.sidebar-box  .textwidget ,.sidebar-box ul{margin:10px;}
ul.newslist{margin-top:40px;}
.newslist li{ border-bottom: 4px solid #C30;
    display: inline;
    float: left;
       background: #fff;
    margin: 0 0 15px;
  width:100%;
   
}
.newslist li .pic{ float: right;}
ul.newslist li .con{ background: #fff none repeat scroll 0 0;
    color: #8b8b8b;
    }
ul.newslist li .title{  color: #242424;
   
    font: 16px/1.5 "Microsoft Yahei";
    overflow: hidden;
    padding: 10px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}
ul.newslist li .con .title{ font-size: 16px;}
ul.newslist li .con p{
    font-size: 14px;
   margin:0px 10px;
    line-height: 24px;
    overflow: hidden;
   text-indent: 2em;
    
    }
    .news-content{float: left;   width:100%;   border: 1px solid #ccc;}
 .news-content ul {list-style: outside none none;margin-bottom: 15px;padding-left: 15px;padding-top: 10px;}
.news-content li { background: url("images/wxjs07.gif") no-repeat scroll 10px 50%; border-bottom: 1px dashed #d7d7d7; line-height: 40px;padding-left: 30px;}
.new_title{ height: 34px;
    margin-bottom: 20px;}

.news-content ul .zhiding {
    background: url("images/wxjs07.gif") no-repeat scroll 10px 50% ,url(images/zhiding.jpg) no-repeat 70%;
}

.new_title {
  border-bottom: 4px solid #C30;
    float: left;
    height: 34px;
    width: 100%;
}
.new_title #crumbs {
    color: #b3b4b5;
  
  font-size: 16px;
}
.new_title #crumbs a {
    color: #b3b4b5;
}
.new_title #crumbs  a:hover {
    color: #ea5404;
}
.post{float:left;width:99%;}
.postcontent{overflow: hidden;background:#fff;padding:10px;font-size:16px;line-height:28px;border: 1px solid #ddd;}
.postcontent p{text-indent:2em;}
 .postcontent a{color:#3684bd;}
 .postcontent a:hover{color: #c07474;}
   
  ul.commentlist .gravatar {
    float: left;
    height: 48px;
    margin-right: 10px;
}
ul.commentlist .gravatar img {
}
ul.commentlist {
    padding: 10px;
}
ul.commentlist li {
    border: 1px solid #ccc;
    list-style-type: none;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom:20px;
}
ul.commentlist .comment_text {
    margin-left: 58px;
}
ul.commentlist .comment_content {
}
ul.commentlist .comment_meta {
    height: 25px;
}
ul.commentlist .author_name {
    color: #ff6600;
}
ul.commentlist .commentmetadata {
    color: #808080;
    float: left;
    height: 25px;
}
ul.commentlist .comment_reply {
    float: right;
    font-size: 12px;
}
ul.commentlist li ul.children li {
    border: 1px dashed #ccc;
}
  

#pagenavi{
  margin:10px 0;
  text-align:center;
  font-family:Georgia, "Times New Roman", Times, serif;
}
#pagenavi a,#pagenavi span{
  margin-right:5px;
}
#pagenavi a{
  border:1px solid #0B3B8C;
  text-decoration:none;
  padding:2px 5px;
}
#pagenavi a:hover{
  background-color:#03C;
}
#pagenavi .current{
  color:#999;
}
  




/* Columns */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left; font: normal 16px/20px Arial, Helvetica, sans-serif; }
div.one_half.last, div.one_third.last, div.one_fourth.last, div.two_third.last, div.three_fourth.last { margin-right: 0 !important; clear: right; }
div.one_half { width: 48% }
div.one_third { width: 30.66% }
div.two_third { width: 65.33% }
div.one_fourth { width: 22% }
div.three_fourth { width: 74% }
div.one_fifth { width: 16.8% }
div.two_fifth { width: 37.6% }
div.three_fifth { width: 58.4% }
div.four_fifth { width: 67.2% }
div.one_sixth { width: 13.33% }
div.five_sixth { width: 82.67% }
.clear{clear:both;}


  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
#liao {
    background: rgba(0, 0, 0, 0) url("images/beijing4.png") no-repeat scroll 0 0;
    border-radius: 10px;
    height: 220px;
    width: 460px;
}
@keyframes fade-in {
0% {
    opacity: 0;
}
50% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
#liao {
    animation: 3s ease 0s normal none 1 running fade-in;
}  
  

     /* #Media Queries */
  
@media only screen  and (max-width: 959px) {
#logodiv{ background:url("images/toptu.jpg") no-repeat scroll center 0!important; }  
  .container{width:99%!important;}   
  .channel{    margin: 20 30 0 37px;
    width: 90%;} 

.new_title {   margin-left: 20px;}
.box2,.multipleline,.forth_list ul li ,.third_list ul li,.news-fra,.inewsleft,.newsmain,.case .txt1,.case .txt2,.case .txt3,.case .txt4,.case .txt5,.liucheng,.inner .content , #sidebar{width:100%!important;}
#footer .mulu,#footer .chat2,#liao{display:none!important;}
.nav {padding-left:0px;height:80px;}
ul.nav .col-md-6 {width:100%;float:left;}  
.forth_list ul li .fa ,.forth_list ul li span{color: #3684bd;}
.case ul li{width:99%;}  
ul.nav li{font-size:18px;}  
.bottom_icon{display:block;}

.advantage{ background: #f9f9f9 url("images/pattern.png") repeat scroll 0 0;}
.forth_list ul li {border-left:0px!important;border-right:0px!important;border-bottom:1px solid #ccc; color: #464646;}
 

 #footer {margin-bottom: 60px;}

.new_title_y { float: none; height: 42px;width: 100%;} 
.inner   .content{   margin: 0 auto;}
  #logodiv .tel{margin-right:10px;}

}  
  


  
     
 @media only screen and (max-width: 310px) {#navbar ul li{width:50px!important;margin-right:20px;}
#navbar ul li ul li{width:100%!important;}
 .one_half{width:100%!important;float:none;}  
 
}
  
@media only screen and (min-width:311px)and (max-width: 479px) {#navbar ul li{width:50px!important;margin-right:20px;}
#navbar ul li ul li{width:100%!important;}
 .one_half{width:100%!important;float:none;}  
}  
@media only screen and (min-width: 480px) and (max-width: 767px) {
.one_half{width:100%!important;float:none;} 
}
  
@media only screen and (min-width: 768px) and (max-width: 959px) {

 
    }
  
@media only screen and (min-width: 960px) {
 

    }